/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(function(){
    var temp_h1 = document.body.clientHeight;
    var temp_h2 = document.documentElement.clientHeight;          
    var isXhtml = (temp_h2<=temp_h1&&temp_h2!=0)?true:false;   
    var htmlbody = isXhtml?document.documentElement:document.body;  
    $('.comment').live('click',function(){ 
        if(!uid){
            $('.loginback').show().animate({
                opacity:1
            },500);
            $('.login_box').animate({
                top:0
            },500)
            htmlbody.style.overflow = "hidden";  
        }else if($(this).attr('a')==1){
            var id = $(this).attr('name');
            var bottom = $("<div class='bottom'></div>");
            var box = "<img src='"+thump+"' /> <p><textarea class='comcont' placeholder='添加评论或把采集@给好友' autocomplete='off' style='background-color: rgb(255, 255, 255);'></textarea><a href='javascript:;' class='combtn' name='"+id+"'></a></p>";
            bottom.html(box);
            bottom.css({
                opacity:0
            });
            $(this).parent().parent().append(bottom);
            var k = 1;
            for(var i=0;i<=$('.bimg').length;i++){
                $('.bimg').eq(i).attr('number',k);
                k++;
            }
            var parent = $(this).parent().parent().parent()
            var index = parseInt(parent.attr('number'));
            if(index<5){
                water.boxTop[index%5] +=bottom.outerHeight(true);
            }else{
                var min=0;
                for(var j=0;j<water.json.length;j++){
                    if(water.json[j][1]==index){
                        min = water.json[j][0];
                        break;
                    }
                }
                water.boxTop[min] +=bottom.outerHeight(true);
            }
            for(var i=index+1;i<$('.box').length;i++){
                if(parent.offset().left==$('.box').eq(i).offset().left){
                    var index = i;
                    $('.box').eq(i).animate({
                        top:$('.box').eq(i).position().top+bottom.outerHeight(true)
                    },500)
                }
            }
            bottom.animate({
                opacity:1
            },500);
            $(this).parent().parent().find('.comment').attr('a',0)
        }
    })

    $('.bimg .pin img').live({
        mouseenter:
        function(){
            $(this).css({
                opacity:0.8
            })
        }
        , 
        mouseleave:
        function(){
            $(this).css({
                opacity:1
            })
        }
    })
    $('.bimg').live( {
        mouseenter:
        function()
        {
            $(this).children('.li').css('display','block');

        },
        mouseleave:
        function()
        {
            $(this).children('.li').css('display','none');

        }
    }) 
})
